animationEnabled: Boolean

Enables Animation while rendering the Chart.

Default: false
Example: false, true
var  chart =  new  CanvasJS.Chart("container",
{
 .
 .
 animationEnabled: false,
 .
 .
});
chart.render();

Try Editing The Code

  Also See:    


If you have any questions, please feel free to ask in our forums.Ask Question

18 Comments

    • Sunil Urs says:

      As of now animation is implemented only in pie charts… will be adding it for other charts in future versions…

  1. Arthur Takury says:

    When I use the alternate mode of setting data mentioned in “getting started”
    it fails with this property:

    chart.options.animationEnabled = false;

    It doesnt work and I have 0 errors in console, Can you help me?

  2. mrkevinham says:

    When you click on a slice, it animates out.
    Is there any way to get it to animate back in automatically if you click another slice?
    So only one slice can be out at a time.

    • Anjali says:

      omar,

      Animation is supported only during the initial chart render. But you can workaround this by re-creating the entire chart.

  3. GHB says:

    You need a new animation for line charts. As it is now, it looks like the chart loads very slowly instead of it being a fancy animation. You should make it appear instantly in an incorrect form, then slowly (or quickly) work its way to the correct line chart.

      • Anjali Khandelwal says:

        please help me if u have any solution for my query..
        have two data series in line chart but i want to apply animation duration only for one series. how to do?

  4. manimaran.S says:

    Animation is not working while changing data points dynamicaly in pie chart..is there is any possibilities to add animation…

  5. Anjali Khandelwal says:

    I have two data series in line chart but i want to apply animation duration only for one series. how to do? Is there any way..please help..thanks in advance..

      • Anjali Khandelwal says:

        Can u please tell me how to reduce initial delay in chart load id animation duration enabled?
        Any help will be appreciated.

  6. Anjali Khandelwal says:

    Please help me to know that – How to reduce initial delay in chart load id animation duration enabled?
    Any help will be appreciated.

If you have any questions, please feel free to ask in our forums. Ask Question